<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:z="http://pd.softplan.com.br/zion/faces"
	xmlns:l="http://pd.softplan.com.br/zion/layout"
	template="/templates/zion-base-template.xhtml">
	
	
<ui:define name="zion-css">
	<h:outputStylesheet name="css/zion.highlight.css" />
</ui:define>
	
	
<ui:define name="zion-base">
	<div id="z-base" >
		<z:form id="z-form" name="zion-form">
			<div id="showcase-header">
				
				<div class="page">
					<h1>
						<ui:insert name="title" />
					</h1>
					<div class="z-actions-header">
						<ui:insert name="zion-form-actions" />
					</div>
				</div>
			</div>
			<div id="showcase-content" >
				<ui:insert name="useCases" />
			</div>
		</z:form>
	</div>
	
	<ui:insert name="showcase-js" />

	<script type="text/javascript">
    	SyntaxHighlighter.all()
    </script>
</ui:define>
	
</ui:composition>
